<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <div style="text-align: center;display: flex;align-items: center;justify-content: space-between">
      <h3>SXLPHJ/JL/CX-22-52</h3>
      <h1>水质 容量法分析原始记录(B面)</h1>
      <div style="display: flex;align-items: center;">
        <span style="width: 140px;">标定日期：</span>
        {{ waterForm.b_bdrq }}
      </div>
    </div>
    <table class="table">
      <tr>
        <td colspan="8" style="text-align: center">溶液配制</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">标准溶液名称</td>
        <td colspan="2">
          {{ waterForm.bz_ryname }}
        </td>
        <td colspan="2">标准物质批号/生产厂商</td>
        <td colspan="2">
          {{ waterForm.b_rypz.manufacturer }}
        </td>
      </tr>
      <tr>
        <td colspan="2">标准物质取样质量（g）</td>
        <td colspan="2">

          {{ waterForm.b_rypz.sampleWeight }}
        </td>
        <td colspan="2">定容体积（mL）</td>
        <td colspan="2">

          {{ waterForm.b_rypz.dilutionVolume }}
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">配置日期</td>
        <td colspan="2">
          {{ waterForm.b_rypz.configurationDate }}
        </td>
        <td colspan="2">标准物质浓度（ ）</td>
        <td colspan="2">
          {{ waterForm.b_rypz.standardConcentration }}
        </td>
      </tr>
      <tr>
        <td colspan="2">基准溶液名称</td>
        <td colspan="2">

          {{ waterForm.jz_ryname }}
        </td>
        <td colspan="2">基准物质批号/生产厂商</td>
        <td colspan="2">
          {{ waterForm.b_rypz.referenceManufacturer }}
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="2">基准物质取样质量（g）</td>
        <td colspan="2">
          {{ waterForm.b_rypz.referenceSampleWeight }}
        </td>
        <td colspan="2">定容体积（mL）</td>
        <td colspan="2">
          {{ waterForm.b_rypz.referenceDilutionVolume }}
        </td>
      </tr>
      <tr>
        <td colspan="2">配置日期</td>
        <td colspan="2">
          {{ waterForm.b_rypz.referenceConfigurationDate }}
        </td>
        <td colspan="2">基准物质浓度（ ）</td>
        <td colspan="2">
          {{ waterForm.b_rypz.referenceStandardConcentration }}
        </td>
      </tr>
      <tr>
        <td colspan="8" style="text-align: center">标定过程</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td>取基准溶液体积</td>
        <td colspan="2">
          {{ waterForm.b_bdgc.volume }}
        </td>
        <td>溶剂</td>
        <td>
          {{ waterForm.b_bdgc.solvent }}
        </td>
        <td>定容体积（ml）</td>
        <td colspan="2">
          {{ waterForm.b_bdgc.dilutionVolume }}
        </td>
      </tr>
      <tr>
        <td>计算公式</td>
        <td colspan="7">
          {{ waterForm.b_bdgc.formula }}
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td rowspan="2" colspan="2">滴定次数</td>
        <td colspan="4" style="text-align: center">滴定体积（mL）</td>
        <td colspan="2" rowspan="2">标准溶液标定浓度C（ ）</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td>始读数</td>
        <td colspan="2">终读数</td>
        <td>净读数</td>
      </tr>
      <tr>
        <td colspan="2">第一次</td>
        <td>
          {{ waterForm.b_bdgc.firstStartReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.firstEndReading }}
        </td>
        <td>
          {{ waterForm.b_bdgc.firstNetReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.firstConcentration }}
        </td>
      </tr>
      <tr>
        <td colspan="2">第二次</td>
        <td>
          {{ waterForm.b_bdgc.secondStartReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.secondEndReading }}
        </td>
        <td>
          {{ waterForm.b_bdgc.secondNetReading }}
        </td>
        <td colspan="2">

          {{ waterForm.b_bdgc.secondConcentration }}
        </td>
      </tr>
      <tr>
        <td colspan="2">第三次</td>
        <td>
          {{ waterForm.b_bdgc.thirdStartReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.thirdEndReading }}
        </td>
        <td>
          {{ waterForm.b_bdgc.thirdNetReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.thirdConcentration }}
        </td>
      </tr>
      <tr>
        <td colspan="2">第四次</td>
        <td>
          {{ waterForm.b_bdgc.fourthStartReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.fourthEndReading }}
        </td>
        <td>
          {{ waterForm.b_bdgc.fourthNetReading }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bdgc.fourthConcentration }}
        </td>
      </tr>
      <tr>
        <td colspan="2">4平行极差的相对值</td>
        <td colspan="2">
          {{ waterForm.b_bdgc.relativeDeviation }}
        </td>
        <td colspan="2">重复性临界极差CrR95(4)</td>
        <td colspan="2">
          {{ waterForm.b_bdgc.reproducibility }}
        </td>
      </tr>
      <tr>
        <td colspan="2">标准溶液浓度C₀</td>
        <td colspan="2">
          {{ waterForm.b_bdgc.standardConcentrationC0 }}
        </td>
        <td colspan="2">标准溶液校正系数</td>
        <td colspan="2">
          {{ waterForm.b_bdgc.standardCorrectionFactor }}
        </td>
      </tr>
      <tr>
        <td colspan="8" style="text-align: center">空白检查</td>
      </tr>
      <tr>
        <td style="text-align: center" colspan="2">样品编号</td>
        <td colspan="2" style="text-align: center">样品浓度（ ）</td>
        <td style="text-align: center" colspan="2">质控要求</td>
        <td colspan="2" style="text-align: center">是否合格</td>
      </tr>
      <tr>
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          {{ waterForm.b_kbjc.sampleNumber }}
        </td>
        <td colspan="2" style="text-align: center">
          {{ waterForm.b_kbjc.sampleConcentration }}
        </td>
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          {{ waterForm.b_kbjc.qcRequirement }}
        </td>
        <td colspan="2" style="text-align: center">
          {{ waterForm.b_kbjc.isQualified }}
        </td>
      </tr>
      <tr>
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          {{ waterForm.b_kbjc.sampleNumber2 }}
        </td>
        <td colspan="2" style="text-align: center">
          {{ waterForm.b_kbjc.sampleConcentration2 }}
        </td>
        <td style="text-align: center" colspan="2">
          <!--          <el-select-->
          <!--              placeholder="请选择"-->
          <!--              size="large"-->
          <!--              style="width: 100%"-->
          <!--          >-->
          <!--          </el-select>-->
          {{ waterForm.b_kbjc.qcRequirement2 }}
        </td>
        <td colspan="2" style="text-align: center">
          {{ waterForm.b_kbjc.isQualified2 }}
        </td>
      </tr>
      <tr>
        <td colspan="8" style="text-align: center">平行样测定</td>
      </tr>
      <tr>
        <td colspan="2">平行样编号</td>
        <td colspan="2">
          <div>
            {{ waterForm.b_pxycd.parallelSampleNumber1 }}
            {{ waterForm.b_pxycd.parallelSampleNumber2 }}
          </div>
        </td>
        <td colspan="2">
          <div>
            {{ waterForm.b_pxycd.concentration1 }}
            {{ waterForm.b_pxycd.concentration2 }}
          </div>
        </td>
        <td colspan="2">
          <div>
            {{ waterForm.b_pxycd.deviation1 }}
            {{ waterForm.b_pxycd.deviation2 }}
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="2">测定浓度（ ）</td>
        <td>
          {{ waterForm.b_pxycd.determinedConcentration1 }}
        </td>
        <td>
          {{ waterForm.b_pxycd.determinedConcentration2 }}
        </td>
        <td>
          {{ waterForm.b_pxycd.determinedConcentration3 }}
        </td>
        <td>
          {{ waterForm.b_pxycd.determinedConcentration4 }}
        </td>
        <td>
          {{ waterForm.b_pxycd.determinedConcentration5 }}
        </td>
        <td>
          {{ waterForm.b_pxycd.determinedConcentration6 }}
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-radio-group v-model="waterForm.b_pxycd.relativeDeviation">
            <el-radio value="Value 1">相对偏差</el-radio>
            <el-radio value="Value 2">自定义</el-radio>
          </el-radio-group>
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.deviationInput1 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.deviationInput2 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.deviationInput3 }}
        </td>
      </tr>
      <tr>
        <td colspan="2">质控要求</td>
        <td colspan="2">
          {{ waterForm.b_pxycd.qcRequirement1 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.qcRequirement2 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.qcRequirement3 }}
        </td>
      </tr>
      <tr>
        <td colspan="2">是否合格</td>
        <td colspan="2">
          {{ waterForm.b_pxycd.isQualified1 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.isQualified2 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_pxycd.isQualified3 }}
        </td>
      </tr>
      <tr>
        <td colspan="8" style="text-align: center">标准样品测定</td>
      </tr>
      <tr>
        <td colspan="2">样品批号</td>
        <td colspan="2">测定浓度（ ）</td>
        <td colspan="2">标准值（ ）</td>
        <td colspan="2">是否合格</td>
      </tr>
      <tr>
        <td colspan="2">
          {{ waterForm.b_bzycd.sampleBatchNumber1 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bzycd.measuredConcentration1 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bzycd.standardValue1 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bzycd.isQualified1 }}
        </td>
      </tr>
      <tr>
        <td colspan="2">
          {{ waterForm.b_bzycd.sampleBatchNumber2 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bzycd.measuredConcentration2 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bzycd.standardValue2 }}
        </td>
        <td colspan="2">
          {{ waterForm.b_bzycd.isQualified2 }}
        </td>
      </tr>
      <tr>
        <td colspan="8" style="text-align: center">加标回收样测定</td>
      </tr>
      <tr>
        <td>样品编号</td>
        <td>标态浓度（ ）</td>
        <td>加标量（ ）</td>
        <td>加标后样品含量/浓度（ ）</td>
        <td>原样品含量/浓度（ ）</td>
        <td>回收率（%）</td>
        <td>质控要求</td>
        <td>是否合格</td>
      </tr>
      <tr>
        <td>
          {{ waterForm.b_jbhsy.sampleNumber }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.standardConcentration }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.addedAmount }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.addedSampleConcentration }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.originalSampleConcentration }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.recoveryRate }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.qcRequirement }}
        </td>
        <td>
          {{ waterForm.b_jbhsy.isQualified }}
        </td>
      </tr>
      <tr>
        <td>备注</td>
        <td colspan="7">
          {{ waterForm.b_notes }}
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">

.table {
  width: 100%;
  border-collapse: collapse; /* 表格边框合并 */
  text-align: left; /* 默认左对齐 */
  font-size: 14px; /* 字体大小 */
  color: #606266; /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf; /* 表格单元格边框颜色 */
  padding: 10px; /* 单元格内边距 */
}

.table th {
  background: #f5f7fa; /* 表头背景色 */
  font-weight: 600; /* 表头字体加粗 */
  color: #303133; /* 表头字体颜色 */
  text-align: center; /* 表头居中 */
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>
